<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>口袋48与抖音录播 - Albert's Homepage</title>

    <meta name="description" content="Albert的口袋48和抖音录播分享，包含谭思慧、张润、卢静、陈珂等。">

    <!-- Google Fonts, Font Awesome, main.css, favicon... (与上面文件相同) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="icon" href="assets/images/favicon.ico">

    <!-- 为新页面增加一些自定义样式 -->
    <link rel="stylesheet" href="assets/css/pages/bilibili-idols.css">
</head>
<body>
    <!-- =========== Header / Navigation =========== -->
    <header class="header">
        <nav class="nav container">
            <a href="index.html" class="nav__logo">Albert</a>
            <div class="nav__menu" id="nav-menu">
                <ul class="nav__list">
                    <li class="nav__item"><a href="index.html#hero" class="nav__link">首页</a></li>
                    <li class="nav__item"><a href="index.html#about" class="nav__link">关于我</a></li>
                    <li class="nav__item"><a href="index.html#projects" class="nav__link">项目</a></li>
                    <li class="nav__item"><a href="index.html#socials" class="nav__link">我的频道</a></li>
                    <li class="nav__item"><a href="index.html#skills" class="nav__link">技能</a></li>
                    <li class="nav__item"><a href="index.html#contact" class="nav__link">联系我</a></li>
                </ul>
            </div>
            <div class="nav__actions">
                <i class="fas fa-moon theme-switcher" id="theme-button"></i>
                <div class="nav__toggle" id="nav-toggle">
                    <i class="fas fa-bars"></i>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <!-- =========== Page Header =========== -->
        <section class="page-header">
            <h1 class="page-header__title">冬鹅白</h1>
            <p class="page-header__subtitle">口袋48，抖音录播和唱歌切片</p>
            <a href="https://space.bilibili.com/3546929151609469" target="_blank" class="button">
                <i class="fab fa-bilibili"></i> 前往B站个人主页
            </a>
            <nav class="page-header__nav">
                <a href="#tansihui" class="button button--ghost">谭思慧</a>
                <a href="#zhangrun" class="button button--ghost">张润</a>
                <a href="#lujing" class="button button--ghost">卢静</a>
                <a href="#chenke" class="button button--ghost">陈珂</a>
            </nav>
        </section>

        <!-- =========== Content Sections =========== -->
        <div class="container">
            <!-- --- 谭思慧模块 --- -->
            <section id="tansihui" class="section content-section">
                <h2 class="section__title">谭思慧</h2>

                <div class="sub-module">
                    <h3 class="sub-module__title">
                        精选cut
                    </h3>
                    <ul class="video-list">
                        <li><a href="https://www.bilibili.com/video/BV12D8zz2Ett/?spm_id_from=333.1387.upload.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">为什么选择丝芭，来丝芭前面试了很多公司</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1R586zFEuW/?spm_id_from=333.1387.upload.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">对唱法的探索</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1L7hNzNEtf/?spm_id_from=333.1387.upload.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">2025总选获奖感言</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1L7hNzNE5s/?spm_id_from=333.1387.upload.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">2025总选领奖</a></li>
                        
                    </ul>
                </div>

                <div class="sub-module">
                    <h3 class="sub-module__title">
                        <a href="https://space.bilibili.com/3546929151609469/lists/4847421" target="_blank">7月唱歌合集 &rarr;</a>
                    </h3>
                    <ul class="video-list">
                        <li><a href="https://pan.baidu.com/s/1nYyLM6LHgLA9nGnWRNAafQ" target="_blank">音频下载(密码：8888)</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1pP8Yz9Eyf/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【国语歌河外曲】谭思慧25年7月唱歌合集1</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1hS8azPEWi/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【国语歌河外曲】谭思慧25年7月唱歌合集2</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1pP8Yz9E5d/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【河曲】谭思慧25年7月唱歌合集</a></li>
                        <li><a href="https://www.bilibili.com/video/BV16b8azmEu4/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【粤语歌】谭思慧25年7月唱歌合集</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1pP8Yz9EyH/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【韩语歌】谭思慧25年7月唱歌合集</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1pP8Yz9EUo/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【日语歌】谭思慧25年7月唱歌合集</a></li>
                        <li><a href="https://www.bilibili.com/video/BV1SMhPzHEqP/?spm_id_from=333.1387.collection.video_card.click&vd_source=638e92ac4ecbab0090b2400f8ccca1ff" target="_blank">【英文歌】谭思慧25年7月唱歌合集</a></li>
                        
                        <!-- 更多唱歌合集单个视频 -->
                    </ul>
                </div>

                <div class="sub-module">
                    <h3 class="sub-module__title">
                        <a href="https://space.bilibili.com/3546929151609469/lists/4793326?type=series" target="_blank">口袋48录播回放 &rarr;</a>
                    </h3>
                    <!-- 可以留空，或放几个精选视频 -->
                </div>

            </section>

            <!-- --- 张润模块 --- -->
            <section id="zhangrun" class="section content-section">
                <h2 class="section__title">张润</h2>
                <div class="sub-module">
                    <h3 class="sub-module__title">
                        <a href="https://space.bilibili.com/3546929151609469/lists/4822951?type=series" target="_blank">抖音直播回放 &rarr;</a>
                    </h3>
                </div>
            </section>

            <!-- --- 卢静模块 --- -->
            <section id="lujing" class="section content-section">
                <h2 class="section__title">卢静</h2>
                <div class="sub-module">
                    <h3 class="sub-module__title">
                        <a href="https://space.bilibili.com/3546929151609469/lists/4822948?type=series" target="_blank">抖音直播回放 &rarr;</a>
                    </h3>
                </div>
            </section>

            <!-- --- 陈珂模块 --- -->
            <section id="chenke" class="section content-section">
                <h2 class="section__title">陈珂</h2>
                <div class="sub-module">
                    <h3 class="sub-module__title">
                        <a href="https://space.bilibili.com/3546929151609469/lists/4822944?type=series" target="_blank">抖音直播回放 &rarr;</a>
                    </h3>
                </div>
            </section>
        </div>
    </main>

    <!-- =========== Footer =========== -->
    <footer class="footer">
        <div class="footer__container container">
            <p>&copy; 2025 Albert Chen. All Rights Reserved.</p>
        </div>
    </footer>

    <!-- 主脚本文件 -->
    <script src="assets/js/main.js"></script>
</body>
</html>